<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>慢慢买在线商城</title>
  <link rel="stylesheet" href="./lib/mui/css/mui.css">
  <link rel="stylesheet" href="./lib/fontawesome/css/font-awesome.css">
  <link rel="stylesheet" href="./css/zyp_getproduct.css">
</head>

<body>
  <!-- 头部内容 -->
  @@include('YSY_header.html')
  <!-- 搜索框 -->
  @@include('YSY_search.html')
  <!-- 主要内容部分 -->
  <div class="zyp_main">
    <!-- 这个是顶部的逐级导航 -->
    @@include("zyp_navBar.html");
    <div class="item">
      <!-- 这里使用模板引擎渲染 -->
    </div>
    <div class="evaluation">
      <div class="title">网友评价</div>
      <div class="content">
        <!-- 这里使用模板引擎渲染 -->
      </div>
      <button type="button" class="lookmore mui-btn">查看更多的评论</button>
    </div>
  </div>
  <!-- 底部内容部分 -->
  @@include("YSY_footer.html")
  <!-- 这里是模板引擎 -->
  <!-- 这个是商品详情的模板引擎 -->
  <script type='text/html' id='nameTemp'>
    <div class="imgText">
      <div class="title">{{data.productName}}</div>
      <div class="img"></div>
      <div class="icon">收藏</div>
    </div>
    <div class="goodsData">
    </div>
    <div class="tip">* 实际价格以各网站列出的实时售价为准，我们提供的价格可能有数小时至数日的延迟。</div>
  </script>
  <script type='text/html' id='evalTemp'>
    {{each item val i}}
    <ul>
      <li>
        <div class="name">{{val.comName}}</div>
        <div class="time">{{val.comTime}}</div>
      </li>
      <li>{{val.comFrom}}</li>
      <li>{{val.comContent}}</li>
    </ul>
    {{/each}}
  </script>
</body>
<script src="./lib/mui/js/mui.js"></script>
<script src="./lib/zepto/zepto.js"></script>
<script src="./lib/arttemplate/template-web.js"></script>
<script src="./js/common.js"></script>
<script src="./js/zyp_getproduct.js"></script>

</html>